.login-container {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  left: 50%;
  top: 50%;
  width: 320px;
  padding: 30px 30px 0 30px;
  transform: translate(-50%, -60%);
  box-shadow: 0 0 10px 2px rgba(40, 138, 204, 0.16);
  border-radius: 50px;
  background: linear-gradient(145deg, #e6e6e6, rgba(255, 255, 255, 0.8));
  box-shadow: 6px 6px 12px #ededed, -6px -6px 12px rgba(255, 255, 255, 0.8);

  .content {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    .title {
      text-align: center;
      margin: 0 0 30px 0;
			display: flex;
			align-items: center;
			justify-content: center;
			h2{
				margin: 0;
				font-weight: bolder;
			}
			.login-logo{
				width: 60px;
				animation: login-logo-spin infinite 10s linear;
			}
    }
    .login-form-button {
      width: 100%;
    }
		span{
			font-weight: bolder;
		}
  }


}



@keyframes login-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}